From cdd39a4154ab5e6030d1765679ddaedc3d1919ca Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 1 Feb 2024 05:39:25 -0800
Subject: feat(badges): use anime rate limit card

---
 src/routes/user/[user]/badges/+page.svelte | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

(limited to 'src/routes/user/[user]/badges')

diff --git a/src/routes/user/[user]/badges/+page.svelte b/src/routes/user/[user]/badges/+page.svelte
index 36a23f73..dc09c4d3 100644
--- a/src/routes/user/[user]/badges/+page.svelte
+++ b/src/routes/user/[user]/badges/+page.svelte
@@ -12,9 +12,9 @@
 	import cdn from '$lib/Utility/cdn.js';
 	import locale from '$stores/locale.js';
 	import Skeleton from '$lib/Loading/Skeleton.svelte';
-	import RateLimited from '$lib/Error/RateLimited.svelte';
 	import Message from '$lib/Loading/Message.svelte';
 	import Dropdown from '$lib/Dropdown.svelte';
+	import AnimeRateLimited from '$lib/Error/AnimeRateLimited.svelte';
 	// import { io } from 'socket.io-client';
 
 	export let data;
@@ -287,7 +287,7 @@
 <HeadTitle route={`${data.username}'s Badge Wall`} path={`/user/${data.username}`} />
 
 {#if loadError}
-	<div class="card">
+	<div class="card popup">
 		{loadError}
 	</div>
 {:else}
@@ -533,7 +533,7 @@
 						{/if}
 					</div>
 				{:catch}
-					<div class="card">Could not parse badges</div>
+					<div class="card popup">Could not parse badges</div>
 				{/await}
 			{:else}
 				<Message message="Loading badges ..." />
@@ -541,16 +541,10 @@
 				<Skeleton grid={true} count={100} width="150px" height="170px" />
 			{/if}
 		{:catch}
-			<div class="card">Could not fetch badges</div>
+			<div class="card popup">Could not fetch badges</div>
 		{/await}
 	{:catch}
-		<RateLimited
-			type="Profile"
-			list={false}
-			might={false}
-			loginSessionError={false}
-			contact={false}
-		/>
+		<AnimeRateLimited>This user's badges could not be loaded.</AnimeRateLimited>
 	{/await}
 {/if}
 
-- 
cgit v1.2.3